<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<style>
body {
  color: #7d7a7a;
  font-family: DejaVu Sans, 'trebuchet ms', verdana, sans-serif;
  font-size: 11px;
}
.none li { list-style-type: none; }
.decimal li { list-style-type: decimal; }
.lower-alpha li { list-style-type: lower-alpha; }
.lower-latin li { list-style-type: lower-latin; }
.lower-roman li { list-style-type: lower-roman; }
.lower-greek li { list-style-type: lower-greek; }

.upper-alpha li { list-style-type: upper-alpha; }
.upper-latin li { list-style-type: upper-latin; }
.upper-roman li { list-style-type: upper-roman; }
.upper-greek li { list-style-type: upper-greek; }

.decimal-leading-zero li { list-style-type: decimal-leading-zero; }
</style>
</head>

<body>

<h3>none</h3>
<ol class="none">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>

<h3>decimal</h3>
<ol class="decimal">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>

<h3>lower-alpha</h3>
<ol class="lower-alpha">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>

<h3>lower-latin</h3>
<ol class="lower-latin">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>

<h3>lower-roman</h3>
<ol class="lower-roman">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>

<h3>lower-greek</h3>
<ol class="lower-greek">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>

<h3>upper-alpha</h3>
<ol class="upper-alpha">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>

<h3>upper-latin</h3>
<ol class="upper-latin">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>

<h3>upper-roman</h3>
<ol class="upper-roman">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>

<h3 style="page-break-before: always;">Advanced</h3>
<ol class="decimal">
<li>Item 1</li>
<li>Item 2
  <ol class="lower-roman">
  <li>Item 1
		<ol class="upper-roman">
	  <li>Item 1</li>
	  <li>Item 2</li>
	  <li>Item 3</li>
	  </ol>
	</li>
  <li>Item 2</li>
  <li>Item 3
    <ol class="decimal-leading-zero">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    </ol>
  </li>
  </ol>
</li>
<li>Item 3</li>
</ol>

<h3>decimal-leading-zero</h3>
<ol class="decimal-leading-zero">
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
<li>Item #</li>
</ol>


</body> </html>
